<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 <head>
  <title>{% block title %}{% if title %}{{ title }}{% else %}NavBar Examples{% endif %}{% endblock title %}</title>
  <meta name="robots" content="NONE,NOARCHIVE" />
  <link rel="alternate" type="application/rss+xml" title="latest dns changes" href="/feeds/rss/latest/" />
  <link rel="alternate" type="application/atom+xml" title="latest dns changes" href="/feeds/atom/latest/" />
  <link rel="stylesheet" type="text/css" href="/media/css/base.css" />
  <link rel="stylesheet" type="text/css" href="/media/css/dashboard.css" />
{% block scripts %}
{% endblock scripts %}
  <style type="text/css">
   #main { margin-top: 1em; }
   #content { padding-left: 1em; }
   #floatleft { float: left; padding-left: 2em; padding-right: 1em;}
   .selected { font-weight: bold; font-size: 110%; }
   ul.navbar-one { background-color: #F4F379; margin-bottom: 0px;}
   ul.navbar-two { background-color: #F0F0F0; margin-bottom: 0px; margin-top: 0px;}
   ul.navbar-three { margin-top: 0px; }
   ul.navbar-four { margin-top: 0px; }
   ul.navbar-one LI { display: inline; margin-right: 5px; }
   ul.navbar-two LI { display: inline; margin-right: 5px; }
   ul.navbar-three LI { display: inline; margin-right: 5px; }
   ul.navbar-four LI { display: inline; margin-right: 5px; }
   h1.site-name { vertical-align: middle; }
   body {
	font: sans-serif;
	color: black;
	margin: 0;
	padding: 0;
   }
   #content {
	background-color: #F8F8F8;
   }
   .dashboard #content {
	width: 80%;
   }
  </style>
{% block styles %}
{% endblock styles %}
 </head>
 <body class="dashboard">
  <!-- Container -->
  <div id="container">
    <!-- Header -->
    <div id="header">
     <div id="branding">
      <h1 id="site-name"><a href="/">This might be a logo.</a></h1>
     </div>
     <div id="user-tools">
      {% if user.is_authenticated %}
      <a href="/accounts/settings/">My Preferences</a> |
      <a href="/accounts/logout/">logout</a>
      {% else %}
      <a href="/accounts/login/">login</a>
      {% endif %}
     </div>
    </div>
    <!-- END Header -->
    <div class="breadcrumbs">crumbs: {% for crumb in crumbs %}<a href="{{ crumb.path }}">{{ crumb.name }}</a>{% if not forloop.last %} &rsaquo; {% endif %}{% endfor %}<span style='float: right;'>(navbars next 1-3 rows)</span></div>
{% load navbar %}
    <div style="display: inline !important;">
{% navbars %}
   </div>
   <div id='main'>
	{% if messages %}
	<ul id="messages">
	    {% for message in messages %}
	    <li>{{ message }}</li>
	    {% endfor %}
	</ul>
	{% endif %}
    <!-- Content -->
    <div id='content' class='content'>
     <div style="clear: both;"></div>
{% block content %}
Content.
{% endblock content %}
    </div>
    <div id='void' class='void'>
	</div>
   </div>
  </div>
 </body>
</html>

